 *{ 
            margin: 0;
            padding: 0;
        }
        #con{
            margin: 50px auto;
            width: 270px;
            height: auto;
            border: 1px #ccc solid;
            box-shadow: 0px 0px 10px 4px #ccc;
            background: #DEE7E7;
           /* -webkit-box-reflect:below 38px
            -webkit-gradient(linear,
                left top,left bottom,
                from(rgba(0,0,0,0)),
                to(rgba(255,255,255,0.5)));*/
        }
        
        ul{
            margin: 0;
            padding: 0;
            display: none;
        }
        ul li{
            list-style: none;
            border-bottom: 1px #fff dashed;
            height: 30px;
            line-height: 30px;
            color: black;
            font-size: 12px;
            text-align: center;
            width:260px;
            margin: 0 auto;
        }
        p{
            line-height: 40px;
            height: 40px;
            font-weight: bold;
            color: #07027c;
            font-size: 18px;
            border-bottom: 1px blue solid;
            width: 250px;
            margin: 0 auto;
        }
        p span{
            display: inline-block;
            font-size: 12px;
            height: 22px;
            line-height: 22px;
            text-align: center;
            margin-top: 13px;
            padding: 2px;
            cursor: pointer;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            
        }
        p span:nth-child(1){
            margin-left: 63px;
        }
        ul li a{
            float: left;
            display: block;
            width: 230px;
            height: 30px;
            margin-left:5px;
            text-decoration: none;
            color: #000;
            text-align: left;
            text-indent: 10px;
        }
        ul li small{
            float: left;
            display: block;
            width: 20px;
            height: 18px;
            background: #1b5e83;
            color: #fff;
            margin-top:5px;
            margin-left: 5px;
            text-align: center;
            line-height: 18px;
            font-weight: bold;
        }
        footer{
            text-align: right;
            font-size: 12px;
            line-height: 30px;
            height: 30px;
        }
      ul li div{
            width: 260px;
            height: 100px;
            background: #fff;
        }
        ul li div img{ 
            display: inline-block;
            margin: 8px;
            vertical-align: top;
            margin-right: 0px;
            cursor: pointer;
        }
        ul li div span{
            display: inline-block;
            width: 140px;
            height: 80px;
            vertical-align:middle;
            font-size: 12px;
            padding-top: 10px;
            position: relative;
        }
        ul li div span input{
           position: absolute;
            right: 6px;
            bottom: 4px;
            background: #2626c4;
            border-radius: 3px;
            color: #fff;
            border:0px;
            font-size: 8px;
            padding: 2px;
            cursor: pointer;
        }
        footer a{
            text-decoration: none;
            color: #000;
        }
        a:hover{
            color: orange;
        }